<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="../../css/service_order/details.css" />
		<link rel="stylesheet" type="text/css" href="../../css/layer.css" />
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="../../js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var vConsole = new VConsole();
		</script>-->
	</head>

	<body>
		<script type="text/javascript">
			function secondClick(ipon) {
				console.log("使用iOS拨打电话" + ipon);
				window.webkit.messageHandlers.removeNavigationBar.postMessage(ipon);
			}
		</script>
		<header id="iosbox" class="colorF width100">
			<img class="height1-4R" src="../../img/pinggu_sq/03.png" onclick="window.history.go(-1)" />
			<!--<div class="height30"></div>-->
			<div class="textC font1-4 LH2">订单详情</div>
		</header>
		<div id="main" class="none">
			<div class="orderstyle PT20 backgroundF">
				<p class="font1-2 color6 PL20">订单状态: <label class="font1-4">{{order.ordertypetext}}</label></p>
				<ul class="width90 textC Mauto overflowH PT20 PB20 color6">
					<li class="fl">
						<img class="width50" src="../../img/service_order/103.png" v-if="order.ordertype == 1" />
						<img class="width50" src="../../img/service_order/101.png" v-else/>
						<br /> 待派单
					</li>
					<li class="fl">
						<img class="width90" src="../../img/service_order/102.png" /><br />
					</li>
					<li class="fl">
						<img class="width50" src="../../img/service_order/103.png" v-if="order.ordertype == 2" />
						<img class="width50" src="../../img/service_order/101.png" v-else-if="order.ordertype > 2" />
						<img class="width50" src="../../img/service_order/104.png" v-else/>
						<br /> 待服务
					</li>
					<li class="fl">
						<img class="width90" src="../../img/service_order/102.png" /><br />
					</li>
					<li class="fl">
						<img class="width50" src="../../img/service_order/103.png" v-if="order.ordertype == 3" />
						<img class="width50" src="../../img/service_order/101.png" v-else-if="order.ordertype > 3" />
						<img class="width50" src="../../img/service_order/104.png" v-else/>
						<br /> 已完成
					</li>
					<li class="fl">
						<img class="width90" src="../../img/service_order/102.png" /><br />
					</li>
					<li class="fl">
						<img class="width50" src="../../img/service_order/103.png" v-if="order.ordertype == 4" />
						<img class="width50" src="../../img/service_order/104.png" v-else/>
						<br /> 已评价
					</li>
				</ul>
			</div>
			<div class="orderinfor MT10 backgroundF">
				<p class="infortop font1-2 PT10 PB10 PL20">
					<img class="height1-8R verticlM" src="../../img/service_order/105.png" />&nbsp;&nbsp;&nbsp;工单信息
				</p>
				<p class="font1 color6 LH2 PL20 PT10">工单编号：{{order.orderId}}</p>
				<p class="font1 color6 LH2 PL20">服务对象：{{user.name}}</p>
				<p class="font1 color6 LH2 PL20">病人自付：{{order.zfFee}}元/次</p>
				<p class="font1 color6 LH2 PL20">医保支付：{{order.ybFee}}元/次</p>
				<p class="font1 color6 LH2 PL20">上门服务费：{{order.smfwFee}}元/次</p>
				<p class="font1 color6 LH2 PL20">服务申请时间：{{order.orderTime.substring(0,10)}}</p>
				<p class="font1 color6 LH2 PL20">服务预约时间：{{order.yyfwTime}}</p>
				<p class="font1 color6 LH2 PL20">服务内容：{{order.serviceName}}</p>
				<p class="font1 color6 LH2 PL20">服务机构：{{order.hospitalName}}</p>
				<p class="font1 color6 LH2 PL20">服务地址：{{order.peopleAddress}}</p>
			</div>
			<div class="meninfor MT10 backgroundF" v-if="order.ordertype >=2">
				<p class="infortop font1-2 PT10 PB10 PL20">
					<img class="height1-8R verticlM" src="../../img/service_order/106.png" />&nbsp;&nbsp;&nbsp;服务人员信息
				</p>
				<div class="font1-4 LH3 PL20 Contact">
					<div class="doctor">
						<img class="headimg verticlM height3R" :src="ip + order.nurseIcon" onerror="this.src='../../img/pinggu_sq/WomanDoctor.png'" v-if="order.nurseGender == '女'" />
						<img class="headimg verticlM height3R" :src="ip + order.nurseIcon" onerror="this.src='../../img/pinggu_sq/ManDoctor.png'" v-else />
						<span style="padding: 0 1rem;">{{order.nurseName}}</span>
						<img class="verticlM" style="height: 1.6rem;" src="../../img/pinggu_sq/07.png" v-if=" user.nurseGender == '女'" />
						<img class="verticlM" style="height: 1.6rem;" src="../../img/pinggu_sq/08.png" v-else/></p>
					</div>
					<a class="iphone" @click="telipon(order.doctorPhone)" v-if="ios">
						<img class="height3R PR20" src="../../img/service_order/108.png" />
					</a>
					<a class="iphone" v-bind:href="'tel:'+order.doctorPhone" v-else>
						<img class="height3R PR20" src="../../img/service_order/108.png" />
					</a>
				</div>
				<p class="font1 color6 LH2" style="text-indent:5.3rem;">联系电话：{{order.doctorPhone}}</p>
				<p class="font1 color6 LH2 PB10" style="text-indent:5.3rem;">专长：{{order.nurseGoodAt}}</p>
			</div>
			<div class="orderprocess MT10 backgroundF" v-if="order.ordertype >=3">
				<p class="infortop font1-2 PT10 PB10 PL20">
					<img class="height1-8R verticlM" src="../../img/service_order/107.png" />&nbsp;&nbsp;&nbsp;服务过程记录
				</p>
				<p class="font1 color6 LH2 PL20 PT10">签到时间：{{order.checkInTime}}</p>
				<p class="font1 color6 LH2 PL20 PB10">签退时间：{{order.checkOutTime}}</p>
				<div class="LH3 textC colorF font1-4">
					<div class="" style="background: #6eb3ff;" v-if="order.ordertype ==3" @click="tcshow=true">
						去评价
					</div>
					<div class="" style="background: #6eb3ff;" v-else @click="tcshow=true">
						查看评价
					</div>

				</div>
			</div>
			<!--弹窗-->
			<div class="tanchang width100 height100" v-if="tcshow">
				<div class="center4 width90 radius10P positionR">
					<img class="headimg radius50" :src="ip + order.nurseIcon" onerror="this.src='../../img/pinggu_sq/WomanDoctor.png'"  v-if="order.nurseGender == '女'" />
					<img class="headimg radius50" :src="ip + order.nurseIcon" onerror="this.src='../../img/pinggu_sq/ManDoctor.png'" v-else/>
					<img class="headimgbg" src="../../img/pinggu_sq/110.png" />
					<div class="top width95 Mauto"></div>
					<div class="jianjie font1-2 PL20 LH1-5 color6">
						<p class="font1-4 PB10">服务详情</p>
						<p>服务人员：{{order.nurseName}}工号：{{order.nurseNo}}</p>
						<p>服务地点：{{user.address}}</p>
						<p>签到时间：{{order.checkInTime}}</p>
						<p>签出时间：{{order.checkOutTime}}</p>
						<p>工单编号：{{order.gdId}}</p>
						<ul class="overflowH PT10">
							<li class="fl font1-2">评价结果</li>
							<li v-for="n in 5" class="fl PL20" @click="pingjiadj(n)">
								<img src="../../img/pinggu_sq/112.png" v-if="order.pjdj >= n" />
								<img src="../../img/pinggu_sq/113.png" v-else/>
							</li>
						</ul>
						<p class="font1-4 PB20">评价内容</p>
					</div>
					<div class="neirong width80 font1-2 Mauto radius5P">
						<textarea class="width100 height100" v-model="order.pjnr" name="" rows="" cols="" :disabled="order.ordertype ==4"></textarea>
					</div>
					<div v-if="order.ordertype == 3" style="display: flex;justify-content: center;margin-bottom: 1rem;">
						<div class="but width40 colorF radius10P LH3 textC Mauto font1-4" @click="evaluation">确定</div>
						<div class="but width40 colorF radius10P LH3 textC Mauto font1-4" @click="tcshow=false">取消</div>
					</div>
					<div class="but width80 colorF radius10P LH3 textC Mauto font1-4" style="margin-bottom: 1rem;" @click="tcshow=false" v-else>知道了</div>
				</div>
			</div>
		</div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/service_order/details.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>